<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>好运网</title>
  <link rel="stylesheet" type="text/web.css" href="css/basic.css"/>
  <link rel="stylesheet" type="text/web.css" href="css/style.css"/>
  <link rel="stylesheet" type="text/web.css" href="css/center.css"/>
  <link rel="stylesheet" type="text/web.css" href="css/bootstrap.min.css"/>
  <link href="css/public.css" rel="stylesheet"/>
  <script src="js/jquery-1.4.2.min.js"></script>
</head>
<body>

<div  th:fragment="systemMessageReceive">


  <link rel="stylesheet" type="text/css" href="css/basic.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="css/center.css">

  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link href="css/public.css" rel="stylesheet">
  <script src="js/jquery-1.4.2.min.js"></script>
  <script src="js/common.js"></script>


  <script type="text/javascript" src="js/message.js"></script>
  <div class="as_bet_email">
    <div class="as_email_title">
      <h3>站内信</h3>
    </div>
    <div class="email_title_box">
      <div class="email_nav_title"><ul>
        <a href="/systemMessageReceive">  <li><span class="on" data-id="take_email">收件箱 </span></li></a>
        <a href="/questionDialog"> <li class="middle"><span  data-id="send_email">发件箱</span></li></a>
        <a href="/questionWrite"> <li><span  data-id="write_email">写消息</span></li></a>
      </ul>

      </ul>
      </div>
      <div id="take_email" class="take_email email_nr" style="display:block">
        <table>
          <tbody><tr><th width="5%"></th>
            <th width="20%">时间</th>
            <th>标题</th>
            <th width="10%">状态</th>
          </tr>
          <tr value="30433" class="ms_table_row" th:each="item:${list}">
            <td></td>
            <td th:text="${#dates.format(item.createTime,'yyyy--MM-dd HH:mm:ss')}"></td>
            <td><a href="javascript:void(0);" style="text-decoration:underline"  th:attr="date=${#dates.format(item.createTime,'yyyy--MM-dd HH:mm:ss')},data=${item.message}"  class="jkp" th:text="${item.title}"></a></td>
            <td class="message_isView" th:if="${item.status ==0}">未读</td>
            <td class="message_isView" th:if="${item.status==1}">已读</td>
          </tr>
          <tr><td colspan="5" style="background:#f5f5f5"></td></tr>
          </tbody></table>
      </div>
    </div>
  </div>

  <div class="m_pop" style="display:none;">
    <div id="parentBorder" class="border" style="height: 285px;">
      <div class="m_detailmain">
        <div class="top">
          <span class="top_title">收件箱</span>
          <div class="close"></div>
        </div>
        <div class="title">
          <div class="title_1" id="dialog_title">
            捕鱼王返水将于9月30日结束
            <div id="mess_del" class="delete"></div>
          </div>
          <span id="dialog_datetime">2017/9/22 17:53:05</span>
        </div>
        <div class="dialogue">
          <ul>
            <li class="customer">
              <div class="pic"></div>
              <div class="text"><div class="text_info"><span class="info" id="dialog_content">尊敬的会员您好，捕鱼王返水将于2017年9月30日结束，特此通知，感谢您的支持~</span></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="loading" id="popLoading" style="display: none;"></div>
    </div>
  </div>
  <script>
      $('.close').click(function(){
          $(".m_pop").hide();
      })
      $('.jkp').click(function(){
          var m_popObj = $(".m_pop");
          var content =($(this).attr("data"));
          var title = ($(this).text());
          var date  = $(this).attr("date");

          m_popObj.find("#dialog_datetime").text(date);
          m_popObj.find("#dialog_title").text(title);
          m_popObj.find("#dialog_content").text(content);
          m_popObj.show();
      })

  </script>
</div>

</body>
</html>
